@charset "utf-8";
/* 添加背景阴影效果和圆角，提升视觉效果 */
body {
	font-size: 14px;
	background-color: #f5f5f5;
}

/* 顶部和底部背景色调整 */
.header, .footer {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
}
.header {
	top: 0;
	height: 60px;
	background: #8c0d0d03;
	padding: 0
}
.footer {
	height: 46px;
	line-height: 46px;
	bottom: 0;
	text-align: center;
	color: #8c0d0d03;
	font-size: 12px;
	background-color: #8c0d0d03;
}

/* 登录框背景和阴影 */
.loginWraper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: #eee url(../images/admin-login-bg.webp) no-repeat center center;  /* 设置大背景图 */
	background-size: cover; /* 背景图片覆盖整个区域 */
	background-attachment: fixed; /* 背景固定 */
}

/* 登录框样式 */
.loginBox {
	position: absolute;
	width: 617px;
	height: 330px;
	background: url(../images/admin-loginform-bg.png) no-repeat center center;  /* 小背景图 */
	background-size: cover; /* 小背景图充满整个框 */
	left: 50%;
	top: 50%;
	margin-left: -309px;
	margin-top: -184px;
	padding-top: 38px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

/* 响应式布局：当屏幕宽度小于617px时，调整登录框样式 */
@media (max-width: 617px) {
	.loginBox {
		width: 90%;
		margin-left: 0;
		margin-top: 0;
	}
}

/* 表单输入框样式 */
.loginBox .row .form-label .Hui-iconfont {
	font-size: 24px;
}
.loginBox .input-text {
	width: 100%;
	height: 36px;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.loginBox .input-text:focus {
	border-color: #eee;
	box-shadow: 0 0 5px rgba(50, 131, 172, 0.5);
}

/* 按钮样式 */
.btn-success {
	background-color: #fff;
	color: black;
	border-radius: 6px;
	border: none;
	padding: 12px 20px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.btn-success:hover {
	background-color: #276e87;
}

/* 验证码图片 */
#vcodeImg {
	margin-left: 15px;
	cursor: pointer;
	border-radius: 6px;
	transition: transform 0.3s ease;
}
#vcodeImg:hover {
	transform: scale(1.1);
}
/* 设置老师、学生、管理员的文字颜色为白色 */
.radio-box label {
	color: white;
}
/* 将用户名和密码旁边的小图标变为白色 */
.form-label i {
	color: white;
}
